<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            var muestra="false";
            $(document).ready(function(){
                $("#borrarb").click(function(){
                    $("#borrarf").show("slow");
                    muestra="true"; 
                });
                
                $("#borrarNO").click(function(){
                    $("#borrarf").hide("slow");
                    muestra="false";
                });    
                
                $("#personasb").click(function(){
                    $("#personasf").show("slow");
                    muestra="true"; 
                });
                
                $("#personasNO").click(function(){
                    $("#personasf").hide("slow");
                    muestra="false";
                });
                      
                $("#personasf").hide();
                $("#borrarf").hide();
            
        
            });
        </script>
        <style type="text/css"> 
            div.bloque{
                margin:0px;
                padding:5px;
                text-align:center;
                background:#e5eecc;
                border:solid 1px #c3c3c3;
            }

        </style>
        
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pinf</title>
<link href="../style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="encab">
		<div id="logo">
			<h1><a href="#">Pinf </a></h1>
		</div>
		<div id="busq">
			<form method="get" action="">
				<fieldset>
					<input type="text" name="s" id="busq-texto" size="15" value="Introduzca nombre del evento..." />
					<input type="submit" id="busq-enviar" value="GO" />
				</fieldset>
			</form>
		</div>
	</div>
	<!-- fin #encab -->
	<div id="pag">
		<div id="pag-bgarriba">
			<div id="pag-bgabajo">
				<div id="menu">
					<ul>
						<li><a href="http://localhost:8080/web/home.html">Inicio</a></li>
						<li><a href="http://localhost:8080/web/perfil.html">Perfil</a></li>
						<li><a href="http://localhost:8080/web/enConstruccion.html">Amigos</a></li>
						<li><a href="http://localhost:8080/web/enConstruccion.html">Fotos</a></li>
						<li class="current_page_item"><a href="#">Eventos</a></li>
						<li><a href="http://localhost:8080/web/buscar.html">Buscar</a></li>
					</ul>
				</div>
				<!-- fin #menu -->
				<div id="contenido">
                                    <?php
                                    $nombre= $_GET["nombre"];
                                    $id= $_GET["id"];
                                    echo "<h2 class=title>";
                                    echo $nombre;
                                    echo "</h2>";
                                    echo "<img src=genImagen.php?id=$id width=550 height=550 alt= class=alignleft border />";
                                    ?>
							<div class="movido">
                                                            <h4 class="title"> Personas que aparecen en esta foto: </h4>
                                                        </div>
                                                        <div >
                                                            <ul>
                                                                <li><a href="http://localhost:8080/web/enConstruccion.html">Roberto Gómez Bolaños</a>			</li>
                                                                <li><a href="http://localhost:8080/web/enConstruccion.html">María Antonieta De Las Nieves </a></li>
                                                                <li><a href="http://localhost:8080/web/enConstruccion.html">Carlos Villagran</a></li> 
                                                            </ul>
                                                        </div>
                                                        
					
					<div style="clear: both;">&nbsp;</div>
				</div>
                 
				<!-- fin #content -->
				<div id="barlateral">
                                    
        <ul>
            <li>
                <h2>Opciones</h2>
                <ul>
                    <li id=borrarb>Borrar Foto </li>
                </ul>
                    <div id="borrarf" class="bloque">
                            <h4>�Esta seguro de queres eliminar esta foto?</h4>

                                <button id=borrarNO>NO</button>
                                <?php
                                echo "<a href=../Controladores/eliminarfotos.php?AID=$_GET[AID]&FID=$id><button id=aborrarSI >SI </button></a><br>";
                                ?>
                        </div>
                        
                   <ul>     
                        <li id="personasb">Agregar personas que aparecen en la foto </li>
                    </ul>
                        <div id="personasf" class="bloque">
                            <h4>Quien mas aparece en esta foto?</h4>

                                <form action="../Controladores/agregarAlbumC.php" method="POST">
                                    <p>Nombre:<input name="nombre" type="text" ></p>
                                </form>
                            <button id=personasNO>Cancelar</button>
                        </div>
                </li>
                <li>
                        <h2>Este Album</h2>
                </li>
        </ul>
                                    
                                        <!--
					<table>
						<tr>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito1.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito3.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito4.jpg" width="50" height="50" alt="" /></td>
						</tr>
						<tr>
							<td> <img src="images/fotito4.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito1.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito3.jpg" width="50" height="50" alt="" /></td>
						</tr>
						<tr>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito1.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
						</tr>
						<tr>
							<td> <img src="images/fotito4.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito3.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito1.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
						</tr>
						<tr>
							<td> <img src="images/fotito2.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito4.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito1.jpg" width="50" height="50" alt="" /></td>
							<td> <img src="images/fotito4.jpg" width="50" height="50" alt="" /></td>
						</tr>
					</table>
					</br>
					<a href="http://localhost:8080/web/enConstruccion.html">Ver mas fotos de este álbum</a>
                                        
                                        -->
				</div>
				<!-- fin #barlateral -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- fin #pag -->
</div>
<div id="pie-wrapper">
	<div id="pie">
		<p><a href="http://localhost:8080/web/home.html">Inicio&nbsp;&nbsp;&nbsp;</a>
		<a href="http://www.usb.ve/">USB&nbsp;&nbsp;&nbsp;</a>
		<a href="http://www.dace.usb.ve/">DACE&nbsp;&nbsp;&nbsp;</a>
		<a href="http://www.generales.usb.ve/">Estudios Generales&nbsp;&nbsp;&nbsp;</a>
		<a href="http://asignaturas.usb.ve/">Aula Virtual</a>
		<a href="http://localhost:8080/web/enConstruccion.html">Salir</a><br><br>
		Diseñado por Manghoo!</p>
	</div>
</div>
<!-- fin #pie -->
</body>
</html>
